#page-content{
    background-color:#FFFFFF;
}
.ibox-content{
    background-color:#eaedf1;
}

.format-ul{
    padding:0px;
}

.format-ul li{
    padding:10px;
}
.nb-btn-css {
    border-radius: 3px !important;
    background-color: #50ae55 !important;
    height:28px !important;
    line-height:28px !important;
    font-size:14px;
}
.nb-btn-margin-tb{
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.note{
    color:#76838f !important;
}
.spinner{
    background-size:100% 100% !important;
}
.btn-success{
    background-color:#FFFFFF;
    border-color:#999999;
    color:#444444;
}
.btn-success:hover{
    background-color:#50ae55;
    border-color:#398439;
    color:#fff;
}
.nb-btn-success-hover{
    background-color:#50ae55 !important;
    color:#FFFFFF;
}
.nb-btn-success-hover:hover{
    background-color:#79bf79 !important;
}
#qr{
    position:fixed;
    right:0;
    top:30%;
    height:160px;
    width:160px;
    border:2px solid #E5E5E5;
    border-radius:8px;
    display:none;
    background:#FFFFFF;
}
.qr_code{
    padding:20px 0 0 20px;
}

#fixed_right
{
    position: fixed;
    top: 200px;
    right: 0px;
    background: #F8F8F8;
    border: 1px solid #D8DBDD;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    min-width: 22px;
    z-index:1;
}

#fixed_right div
{
    width: 100%;
    border-top: 1px solid #D8DBDD;
}

.fixed_right
{
    padding: 8px 16px;
}

.fixed_right_hover {
    background: #FFFFFF;
}

.fixed_right_hover:hover
{
    background: #F8F8F8;
}

.fixed_right_icon
{
    line-height: 22px;
    height: 22px;
    min-width: 22px;
    margin: -10px;
}



@media only screen and (max-width: 1366px) {
    .model-m {
        position: fixed;
        top: 90px;
        /*left:450px;*/
        padding-top:58px;
        background-size:100% 100%;
        width:290px;
        height:550px;
        margin-left:40px;
    }
    .phone-bar {
        width: 218px !important;
        height: 355px !important;
        overflow:hidden;
    }
    #contentDiv {
        margin-top: 50px !important;
    }
    .phone-con-bar-m{
        height:403px !important;
    }
    .phone-bar-m{
        margin-left:38px !important;
        margin-top:38px;
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    .model-m {
        position: fixed;
        top: 76px;
        /*left:450px;*/
        background-size:100% 100%;
        width:360px;
        height:682px;
        margin-left:70px;
    }
    .phone-bar {
        width: 282px !important;
        height: 453px !important;
        margin-left:40px !important;
    }
    #contentDiv {
        margin-top: 50px !important;
    }
    .phone-con-bar-m{
        height:389px !important;
    }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
     .model-m {
        position: fixed;
        top: 76px;
        /*left:450px;*/
        background-size:100% 100%;
        width:360px;
        height:682px;
        margin-left:70px;
    }
    .phone-bar {
        width: 265px !important;
        height: 453px !important;
        margin-left:40px !important;
    }
    #contentDiv {
        margin-top: 50px !important;
    }
    .phone-con-bar-m{
        height:389px !important;
    }
}
@media only screen and (min-width: 1921px) and (max-width: 2556px) {
     .model-m {
        position: fixed;
        top: 76px;
        /*left:450px;*/
        background-size:100% 100%;
        width:360px;
        height:684px;
        margin-left:70px;
    }
    .phone-bar {
        width: 265px !important;
        height: 453px !important;
        margin-left:40px !important;
    }
    #contentDiv {
        margin-top: 50px !important;
    }
    .phone-con-bar-m{
        height:389px !important;
    }
}
